<style>

	
	ul.menu{
	text-align:left;
	list-style:none;
	font-size:16px;
	width:100%;
	left:0px;
	margin-left:0px;
	padding-left:0px;
	padding-bottom: 0px;
	border-bottom-width: 11px;
}
	
	li.submenu{
	display:block;
	list-style:none;
	font-family:Arial, Geneva, sans-serif;
	font-size:13px;
	list-style:none;
	left:0px;
	margin-left:0px;
	padding:10px;
	background-image: url(imagenes/menu_lat_3.png);
	width: 247px;
	background-repeat: no-repeat;
}
	
	li.submenu ul li{
	font-size:12px;
	width:230px;
	list-style:none;
	left:-45px;
	padding:6px;
	background-image: url(imagenes/menu_lat_1.png);
	position: relative;
	top: 10px;
	margin-top: 0;
	margin-right: auto;
	text-align: right;
	text-indent: 15px;
	margin-bottom: 5;
}
#div_menu {
	background-image: url(imagenes/fondo_menu_izq.png);
	background-repeat: no-repeat;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	padding-top: 13px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

li a  {
	color: #C60;
	text-decoration: none;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
}
li a:hover {
	color : #000;
	cursor: default;
}
li a:active {
	color : #000000;
	text-decoration : underline;
}

li.submenu ul li a {
	color : #FFF;
	padding-right: 15px;
	}

li.submenu ul li a:hover {
	color : #CCC;
}
li.submenu ul li a:active {
	color : #FFF;
}

</style>
<script type="text/javascript">
         	jQuery().ready(function(){
				jQuery('#menu').accordion({
    				active: true, 
   					header: '.desplegable', 
    				navigation: true, 
    				event: 'mouseover', 
    				fillSpace: false,
					autoheight: false
					});
				});
        </script>
        
        <div id="div_menu"><div>
        <ul id="menu" class="menu" style="width:250px;">
         <?
        if($_SESSION["obj_sesion"]->getTipo()=="Superusuario" ){
		?>
         <li class="submenu"><a class="desplegable" >Expediciones</a>
            <ul>
         	 <li><a href="javascript:cargar_modulo('expediciones');">Listado</a></li>
             <li><a href="javascript:cargar_modulo('albaranEntrega');">Albaran de Entrega</a></li>
              <li><a href="javascript:cargar_modulo('albaranRecogida');">Albaran de Recogida</a></li>


             <li></li>
          </ul></li>
		  <li class="submenu"> <a class="desplegable">Usuarios</a>
           <ul class="subnavegador">
              <li><a href="javascript:cargar_modulo('micuenta');">Mi Cuenta</a></li>
		      <li><a href="javascript:cargar_modulo('perfiles');">Perfiles</a></li>
		      <li><a href="javascript:cargar_modulo('usuarios');">Usuarios</a></li>
            <li></li>
          </ul></li>
          <li class="submenu">
		    <a class="desplegable">Proveedores</a>
		   	 <ul class="subnavegador">
              <li><a href="javascript:cargar_modulo('proveedores');">Listado</a></li>
              <li></li>
          </ul></li>
		  <li class="submenu"><a class="desplegable" >Distribuidores</a>
            <ul>
             <li><a href="javascript:cargar_modulo('distribuidores');">Listado</a></li>
             <li></li>
          </ul></li>
		  <li class="submenu"><a class="desplegable" >Clientes</a>
            <ul>
         	 <li><a href="javascript:cargar_modulo('clientes');">Listado</a></li>
             <li></li>
          </ul></li>
          <? }?>
		  <li class="submenu"><a class="desplegable" >Articulos</a>
            <ul>
             <li><a href="javascript:cargar_modulo('articulos');">Listado</a></li>
             <li><a href="javascript:cargar_modulo('inventario');">Inventario</a></li>
             <li></li>
          </ul></li>
          		  <li class="submenu"><a class="desplegable" >Lotes</a>
            <ul>
         	 <li><a href="javascript:cargar_modulo('lotes');">Listado</a></li>
             <li></li>
          </ul></li>
		 <li class="submenu"><a href="salir.php">Salir</a> </li></ul>
		</div>
      </div>

<script language="javascript">
var modulo_cargado = "";
function cargar_modulo(tipo)
{
	if(modulo_cargado!=tipo)
	{
		$('#contenedor_principal').css('display','block');
		$('#contenedor_principal').load(tipo+'/index.php');
		modulo_cargado=tipo;
	}
}

</script>
